آموزش گرد کردن گوشه اتاق های چت روم
طراحی چتروم

وارد فایل chat.css شوید کد زیر رو پیدا کنید ...

کد PHP:
.rooms{  

و این کد رو جایگزین کنید !


کد PHP:

.rooms{
 background-color: #ff7cfa;
 background-image:url('bg1946.gif');
 color:#ffffff;
 text-align:center;
 box-shadow: 10px 10px 5px #644500;
 padding: 1px;
 cursor:pointer;
height:20px;
font-weight:bold;
font-family:tahoma;
bottom:50px;
-moz-border-radius: 0px 30px 0px 35px;
border-radius: 0px 30px 0px 35px;
-moz-box-shadow: 0px 0px 20px #f6ff03;
box-shadow: 0px 0px 20px #f6ff03;
 border: 2px solid #ffffff;
 box-shadow: 10px 10px 5px #644500;
 padding: 1px;
 margin-bottom: 2px;
 cursor:poisnter 

کد زیر رو پیدا کنید !

کد PHP:
.rooms:hover{  
و این کد رو جایگزین کنید ...

کد PHP:
.rooms:hover{
background:#FFFF00;
color:#fff5cb;
background-color: ;
border: 2px solid #14ff3b;
-moz-border-radius: 34px;
border-radius: 34px;
-moz-box-shadow: 0px 0px 12px #2aff1a;
box-shadow: 0px 0px 12px #2aff1a;
 background-image:url('t2.gif');

 

این کد هارو هم جایگزین کنید در همون chat.css

کد PHP:
.rooms_not_allowed{
text-align:center;
height:20px;
font-weight:bold;
font-family:tahoma;
top:0;    
bottom:50px;
-moz-border-radius: 0px 30px 0px 35px;
border-radius: 0px 30px 0px 35px;
-moz-box-shadow: 0px 0px 20px #f6ff03;
box-shadow: 0px 0px 20px #f6ff03;
 background-color: #ff0000;
 border: 2px solid #ffff00;
 box-shadow: 10px 10px 5px #644500;
 color: #484848;
 padding: 1px;
 margin-bottom: 2px;
 cursor:poisnter
 
 
 
}


.rooms_not_allowed:hover{
    background:#FFFF00;
    background-color: ;
border: 2px solid #14ff3b;
-moz-border-radius: 34px;
border-radius: 34px;
-moz-box-shadow: 0px 0px 12px #2aff1a;
box-shadow: 0px 0px 12px #2aff1a;

 
منبع:www.holo-design.ir


برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید

نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: